<link rel="stylesheet" type="text/css" href="assets/bootstrap-datepicker/css/datepicker.css" />
<section id="main-content">
  <section class="wrapper">
    <!--state overview start-->
    <div class="row">
      <div class="col-lg-12">
        <div class="alert alert-block alert-warning fade in">
          <button data-dismiss="alert" class="close close-sm" type="button">
            <i class="icon-remove"></i>
          </button>
          <strong>备注说明：</strong>
          本页面主要为管理者提供部门归属的所有项目内的子任务负责人及进展查看（含外部部门人员参与的本部门项目中担当的子任务）
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <!-- <div class="view-header">
          <div class="view-search">
            <label class="pull-left">提交日期：</label>
            <input id="datetime-11" type="text" value="" class="form-control pull-left">
            <label class="pull-left">至&nbsp;&nbsp;</label>
            <input id="datetime-21" type="text" value="" class="form-control pull-left">
            <label class="pull-left">所属公司：</label>
            <select class="form-control pull-left" id="company" ng-model="company" onchange="getDepts()">
              <option value="" selected>全部公司</option>
              <option ng-repeat="x in comp" value="{{x.companyId}}">{{x.company}}</option>
            </select>
            <label class="pull-left">所属部门：</label>
            <select class="form-control pull-left" id="deptCode" ng-model="deptCode">
              <option value="" selected>全部部门</option>
              <option ng-repeat="x in dept" value="{{x.departmentCode}}">{{x.departmentName}}</option>
            </select>
            <label class="pull-left">查询范围：</label>
            <select class="form-control pull-left" style="width: 80px;" id="zdwork">
              <option value="-1" selected>全部</option>
              <option value="1">重点工作</option>
            </select>
            <a href="javascript:void(0);" class="btn btn-info pull-left searchs">搜索</a>
          </div>
        </div> -->


        <section class="panel">
          <div class="panel-body" style="padding-bottom:0;">
            <div class="row">
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon">开始日期</span>
                  <input type="text" id="datetime-11" class="form-control" placeholder="开始日期">
                </div>
              </div>
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon">结束日期</span>
                  <input type="text" id="datetime-21" class="form-control" placeholder="结束日期">
                </div>
              </div>
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon" style="position: relative;z-index: 2;">所属公司</span>
                  <select class="form-control" style="position: relative;margin-left:-4px;text-indent:2px;" id="company"
                    ng-model="company" onchange="getDepts()">
                    <option value="" selected>全部公司</option>
                    <option ng-repeat="x in comp" value="{{x.companyId}}">{{x.company}}</option>
                  </select>
                </div>
              </div>
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon" style="position: relative;z-index: 2;">所属部门</span>
                  <select class="form-control" style="position: relative;margin-left:-4px;text-indent:2px;"
                    id="deptCode" ng-model="deptCode">
                    <option value="" selected>全部部门</option>
                    <option ng-repeat="x in dept" value="{{x.departmentCode}}">{{x.departmentName}}</option>
                  </select>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon" style="position: relative;z-index: 2;">查询范围</span>
                  <select class="form-control" style="position: relative;margin-left:-4px;text-indent:2px;" id="zdwork">
                    <option value="-1" selected>全部</option>
                    <option value="1">重点工作</option>
                  </select>
                </div>
              </div>
              <div class="col-lg-3">
                <button class="btn btn-info pull-left searchs" style="margin-bottom:15px;">搜索</button>
              </div>
            </div>
          </div>
        </section>





        <section class="panel">
          <header class="panel-heading">
            OKR子任务进展
          </header>
          <div class="panel-body">
            <div id="msgContainer12" class="dlshouwen-grid-container"></div>
            <div id="msgToolBarContainer12" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>
        <section class="panel">
          <header class="panel-heading">
            未填写OKR子任务进展的人员
          </header>
          <div class="panel-body">
            <div id="msgContainer4" class="dlshouwen-grid-container"></div>
            <div id="msgToolBarContainer4" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>
      </div>
    </div>
    <!--state overview end-->
  </section>
</section>
<script type="text/javascript" src="assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<!-- 当前页面js文件引入 -->
<script src="js/operation/okrReport.js"></script>
<script>
  $('#datetime-11').datepicker({
    format: 'yyyy-mm-dd'
  });
  $("#datetime-21").datepicker({
    format: 'yyyy-mm-dd'
  });
</script>